//订单管理 - 展期二级页面

import React, { Component } from 'react';
import { Form, Col, Row, Button, Tag, Icon } from 'antd';

const FormItem = Form.Item;

class Postpone extends Component {
  render() {
    return (
      <div>
        <Form>
          <FormItem>
            <Row>
              <Col span={3}>
                展期时间
              </Col>
              <Col span={21}>
                2018-12-30 ~ 2019-01-05 
              </Col>
            </Row>
            <Row>
              <Col span={3}>
                展期次数
              </Col>
              <Col span={21}>
                2
              </Col>
            </Row>
            <Row>
              <Col span={3}>
                展期手续费
              </Col>
              <Col span={21}>
                20.00
              </Col>
            </Row>
            <Row>
              <Col span={3}>
                展期服务费
              </Col>
              <Col span={21}>
                420.00
              </Col>
            </Row>
            <Row>
              <Col span={3}>
                本次展期费用
              </Col>
              <Col span={21}>
                440.00
              </Col>
            </Row>               
          </FormItem>
          <FormItem>
            <Row>
              <Col span={24}>
                <Tag color="orange" style={{width: '100%', height: '40px', paddingLeft: '15px', paddingTop: '8px'}}>
                  <Icon style={{marginRight: '15px'}} type="exclamation-circle" theme="filled" />
                  请确保线下已收展期款项
                </Tag>
              </Col>              
            </Row>
          </FormItem>
          <FormItem>
            <Row>
              <Col span={3}></Col>
              <Col span={21}>
                <Button style={{marginRight: 8}}>取消</Button>
                <Button type="primary" htmlType="submit">确认</Button>
              </Col>
            </Row>   
          </FormItem>
        </Form>
      </div>
    );
  }
}

const PostponeForm = Form.create()(Postpone);

export default PostponeForm;